/**************************************** user pane *************************************/
.user-pane .control-pane {
    -fx-background-color: -fx-main-background-color;
    -fx-border-width: 0px 1px 0px 0px;
    -fx-border-color: -fx-main-border-color;
    -fx-padding: 0 1px 0 0;
}

.user-pane .select-pane {
    -fx-padding: 10px;
    -fx-alignment: center-left;
}

.user-pane .control-pane .select-pane .user-button {
    -fx-padding: 10px 16px 10px 16px;
    -fx-font-weight: normal;
    -fx-text-alignment: center;
    -fx-cursor: default;
    -fx-border-color: transparent;
    -fx-border-width: 1px;
    -fx-border-style: solid;
    -fx-background-insets: 0, 0, -1, 0;
    -fx-padding: 6px 12px 6px 12px;
    -fx-font-size: 14px;
    -fx-border-radius: 4px 0px 0px 4px;
    -fx-background-radius: 4px 0px 0px 4px;
    -fx-min-width: 80;
}

.user-pane .control-pane .select-pane .group-button {
    -fx-padding: 10px 16px 10px 16px;
    -fx-font-weight: normal;
    -fx-text-alignment: center;
    -fx-cursor: default;
    -fx-border-color: transparent;
    -fx-border-width: 1px;
    -fx-border-style: solid;
    -fx-background-insets: 0, 0, -1, 0;
    -fx-padding: 6px 12px 6px 12px;
    -fx-font-size: 14px;
    -fx-border-radius: 0px 4px 4px 0px;
    -fx-background-radius: 0px 4px 4px 0px;
    -fx-min-width: 80;
}

.user-pane .search-pane {
    -fx-padding: 10px;
    -fx-spacing: 10px;
    -fx-alignment: center-left;
}

.user-pane .search-pane .button {
    -fx-background-color: -fx-main-background-color;
}

.user-pane .search-pane .text-field {
    -fx-background-color: -fx-main-background-color;
    -fx-border-color: lightgray;
    -fx-border-radius: 10px;
    -fx-padding: 6px;
}

.user-pane .search-pane .button:hover {
    -fx-background-color: derive(-fx-main-background-color, 50%);
}

.user-pane .search-pane .ikonli-font-icon {
    -fx-icon-color: black;
}

.user-pane .user-list, .message-pane .user-list:focused {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
}

.user-pane .user-list .list-cell:filled:selected:focused, .user-pane .user-list .list-cell:filled:selected {
    -fx-background-color: transparent;
    /*-fx-text-fill: white;*/
}

.user-pane .user-list .list-cell:filled:selected:focused .label, .user-pane .user-list .list-cell:filled:selected .label {
    -fx-text-fill: black;
}

.user-pane .user-list .list-cell:odd {
    -fx-cell-hover-color: -fx-main-background-color;
    -fx-background-color: -fx-main-background-color;
    -fx-padding:2px 1px 2px 5px;
    /*-fx-background-color: white;*/
}

.user-pane .user-list .list-cell:even {
    -fx-cell-hover-color: -fx-main-background-color;
    -fx-background-color: -fx-main-background-color;
    -fx-padding:2px 1px 2px 5px;
}

.user-pane .user-list .list-cell:filled:hover {
    -fx-cell-hover-color: -fx-main-background-color;
    -fx-background-color: derive(gray, 80%);
    /*-fx-text-fill: white;*/
}

.user-pane .user-tree-view, .user-pane .group-tree-view {
    -fx-background-color: -fx-main-background-color;
    -fx-border-color: -fx-main-background-color;
}

.user-pane .user-tree-view:focused, .user-pane .group-tree-view:focused {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
}

.user-pane .user-tree-view .tree-cell, .user-pane .group-tree-view .tree-cell {
    -fx-background-color: -fx-main-background-color;
    /*-fx-padding: 10px;*/
    -fx-font-size: 17px;
}

.user-pane .user-tree-view .tree-cell:selected, .user-pane .group-tree-view .tree-cell:selected {
    -fx-background-color: derive(gray, 50%);
}

/*.user-pane .user-tree-view .tree-cell:selected .label {*/
/*-fx-text-fill: black;*/
/*}*/

.user-pane .user-tree-view .label, .user-pane .group-tree-view .label {
    -fx-font-size: 17px;
}


/**********************************************用户信息栏*************************************************************/
.user-info-pane {
    -fx-padding: 5px;
}

.user-info-pane .text-field {
    -fx-font-size: 18px;
    -fx-background-color: transparent;
}

.user-info-pane .text-area {
    -fx-font-size: 18px;
    -fx-background-color: transparent;
    -fx-border-width: 0px;
    -fx-background-insets: 0px;
}

.user-info-pane .text-area:focused {
    -fx-background-color: transparent;
}

.user-info-pane .text-area .viewport, .user-info-pane .text-area .content {
    -fx-background-color: transparent ;
}


.user-info-pane .label {
    -fx-text-fill: derive(gray, 30%);
    -fx-font-size: 17px;
}